<template>
    <view class="index">
        <text class="font-36">广场</text>
        <AtIcon value="clock" color="#F00"></AtIcon>
        <AtButton type='primary'>primary</AtButton>
        <AtButton class="error-button">按钮文案</AtButton>
        <AtButton class="success-button">按钮文案</AtButton>
        <AtButton class="warning-button">按钮文案</AtButton>
        <AtButton class="gray-button">按钮文案</AtButton>
    </view>
</template>

<script>
import './index.scss'
import { AtButton, AtToast, AtNoticebar, AtIcon  } from 'taro-ui-vue'
export default {
    data() {
        return {
        }
    },
    components: {
        AtButton,
        AtToast,
        AtNoticebar
    },
    mounted() {

    },
    methods: {
        goDetail(){
            this.$router.push({path: "/pages/Detail/index",query: { id: "123" }})
        }
    }
}
</script>
